@font-face {
    font-family: iconfont;
    src: url(../font/iconfont-abce00292e.eot);
    src: url(../font/iconfont-abce00292e.eot#iefix) format("embedded-opentype"), url(../font/iconfont-216892a9e3.woff) format("woff"), url(../font/iconfont-7ec0ba74d2.ttf) format("truetype"), url(../font/iconfont-ff1695fb36.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-kaiguan:before {
    content: "\E619"
}

.icon-dingdanzhongxin:before {
    content: "\E6C0"
}

.icon-fanyejiantou:before {
    content: "\E6C1"
}

.icon-fuwuzhongxin:before {
    content: "\E6C2"
}

.icon-gerenzhongxin:before {
    content: "\E6C3"
}

.icon-yijianfankuixialajiantou:before {
    content: "\E6C4"
}

.icon-zichanzhongxin:before {
    content: "\E6C5"
}

.icon-fanyejiantou2:before {
    content: "\E6C6"
}

.icon-chahao:before {
    content: "\E6C7"
}

.icon-morendizhigou:before {
    content: "\E63C"
}

.icon-xiangxiazhankaigengduo:before {
    content: "\E6C9"
}

.icon-daifahuo5050px:before {
    content: "\E6CC"
}

.icon-meizuxilieshilianghua:before {
    content: "\E674"
}

.icon-mxxilieshilianghua:before {
    content: "\E675"
}

.icon-proxilieshilianghua:before {
    content: "\E676"
}

.icon-iconfontzhuyi:before {
    content: "\E61A"
}

.icon-iconfont14052218:before {
    content: "\E61E"
}

.icon-jiahao:before {
    content: "\E622"
}

.icon-right01:before {
    content: "\E629"
}

.icon-suda2:before {
    content: "\E62A"
}

.icon-weibiaoti1:before {
    content: "\E62C"
}

.icon-jiantou-copy:before {
    content: "\E62D"
}

.icon-liebiao:before {
    content: "\E6D6"
}

.icon-fanhui:before {
    content: "\E62E"
}

.icon-3:before {
    content: "\E601"
}

.icon-2:before {
    content: "\E602"
}

.icon-6:before {
    content: "\E603"
}

.icon-8:before {
    content: "\E604"
}

.icon-7:before {
    content: "\E605"
}

.icon-5:before {
    content: "\E606"
}

.icon-4:before {
    content: "\E607"
}

.icon-weibiaoti11:before {
    content: "\E636"
}

.icon-9:before {
    content: "\E60E"
}

.icon-yuanjiaojuxing11:before {
    content: "\E60A"
}

.icon-10:before {
    content: "\E60B"
}

.icon-11:before {
    content: "\E60C"
}

.icon-12:before {
    content: "\E60D"
}

.icon-13:before {
    content: "\E60F"
}

.icon-14:before {
    content: "\E610"
}

.icon-15:before {
    content: "\E611"
}

.icon-16:before {
    content: "\E612"
}

.icon-home:before {
    content: "\E608"
}

.icon-lightning:before {
    content: "\E613"
}

.icon-21:before {
    content: "\E643"
}

.icon-41:before {
    content: "\E644"
}

.icon-1:before {
    content: "\E646"
}

.icon-61:before {
    content: "\E647"
}

.icon-31:before {
    content: "\E648"
}

.icon-icon:before {
    content: "\E64A"
}

.icon-suda:before {
    content: "\E614"
}

.icon-cirida:before {
    content: "\E615"
}

.icon-dangrida:before {
    content: "\E616"
}

.icon-icon4:before {
    content: "\E617"
}

.icon-kaiguan-copy:before {
    content: "\E61B"
}

.icon-goback:before {
    content: "\E600"
}

.icon-48mdpi:before {
    content: "\E618"
}

.icon-hebingxingzhuang:before {
    content: "\E652"
}

.icon-icon5:before {
    content: "\E653"
}

.icon-xingzhuang:before {
    content: "\E654"
}

.icon-hebingxingzhuang1:before {
    content: "\E656"
}

.icon-111:before {
    content: "\E657"
}

.icon-555:before {
    content: "\E658"
}

.icon-131:before {
    content: "\E609"
}

.icon-444:before {
    content: "\E65A"
}

.icon-141:before {
    content: "\E65B"
}

.icon-121:before {
    content: "\E65C"
}

.icon-222:before {
    content: "\E65D"
}

.icon-333:before {
    content: "\E65E"
}

.icon-dingtongchahao:before {
    content: "\E65F"
}

.icon-hebingxingzhuang2:before {
    content: "\E662"
}

.icon-hebingxingzhuang-copy:before {
    content: "\E663"
}

.icon-Group2:before {
    content: "\E664"
}

.icon-shuaxin:before {
    content: "\E665"
}

.icon-shibai:before {
    content: "\E620"
}

.icon-chenggong:before {
    content: "\E624"
}

.icon-tuijian:before {
    content: "\E61F"
}

.icon-liebiao1:before {
    content: "\E626"
}

.icon-wangge:before {
    content: "\E62B"
}

.icon-gotop:before {
    content: "\E6A1"
}

.icon-warning:before {
    content: "\E66B"
}

.icon-favorite:before {
    content: "\E66C"
}

.icon-kefu:before {
    content: "\E66D"
}

.icon-cart:before {
    content: "\E66F"
}

.icon-pre-sale:before {
    content: "\E673"
}

/*!
 * main.scss
 * @date 2017.1.13
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, td, th, ul {
    margin: 0;
    padding: 0
}

html {
    -webkit-text-size-adjust: 100%
}

html * {
    -webkit-tap-highlight-color: transparent
}

body, html {
    height: 100%
}

body {
    position: relative;
    color: #333;
    font-size: 12px;
    font-family: Source Han Sans, sans-serif
}

a {
    color: #666;
    text-decoration: none
}

a.link {
    color: #00c3f5
}

img, textarea {
    border: none;
    vertical-align: middle
}

ol, ul {
    list-style: none
}

em, i {
    font-style: normal
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

button, input, select, textarea {
    box-sizing: border-box;
    -webkit-appearance: none
}

textarea {
    resize: none
}

select[disabled] {
    color: #b0b0b0 !important
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

[data-dpr="1"] .app {
    max-width: 720px;
    margin: auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.noscroll {
    height: 100%;
    overflow: hidden
}

.clearfix {
    overflow: auto;
    _height: 1%
}

.flexbox, .orient-h, .orient-v {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dialog-popup .dialog-buttons .btn, .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.orient-h {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.orient-h, .orient-v {
    -webkit-box-direction: normal
}

.orient-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fixed-btm {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%
}

.fixed-top {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1;
    width: 100%
}

.after-brd-t, .buying:after {
    top: 0
}

.after-brd-b, .after-brd-t, .buying:after, .header:after, .loca-dialog .dialog-title:after, .loca-dialog .loca-checked:after, .loca-dialog .loca-list li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block;
    border-top: 1px solid #e5e5e5;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.after-brd-b, .header:after, .loca-dialog .dialog-title:after, .loca-dialog .loca-checked:after, .loca-dialog .loca-list li:before {
    bottom: -1px
}

.before-brd-l {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    display: block;
    border-left: 1px solid #e5e5e5;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.brd-b, .brd-t {
    position: relative
}

.brd-b:after, .brd-t:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.brd-b:after {
    bottom: -1px
}

.brd-b:after, .brd-t:after {
    border-top: 1px solid #e5e5e5
}

.brd-t:after {
    top: 0
}

.app {
    position: relative;
    min-height: 100%;
    box-sizing: border-box
}

.app .innercon {
    padding: 0 .69444rem
}

.header {
    position: relative;
    height: 44px;
    background-color: #fff
}

.header .goback, .header .gohome, .header .logo, .header .qtool {
    position: absolute;
    top: 0
}

.header .goback a, .header .gohome a, .header .logo a, .header .qtool a {
    display: block;
    height: 44px;
    box-sizing: border-box
}

.header .iconfont {
    position: relative
}

.header .iconfont:before {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.header .title {
    max-width: 60%;
    margin: auto;
    line-height: 44px;
    color: #666;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header .goback {
    left: 0
}

.header .goback a {
    width: 44px;
    padding: 12px 0 0 10px
}

.header .goback .ico-back {
    display: inline-block
}

.header .goback .ico-back:before {
    content: "\E600";
    color: #666
}

.header .qtool {
    right: 0;
    text-align: right
}

.header .qtool a {
    display: inline-block;
    padding: 12px 12px 0 0
}

.header .qtool .ico-search:before {
    content: "\E606";
    color: #999
}

.header .qtool .ico-member:before {
    content: "\E607";
    color: #999
}

.header .qtool .login .ico-member:before {
    color: #00c3f5
}

.go-top {
    display: none;
    position: fixed;
    right: .22222rem;
    bottom: 1.88889rem;
    z-index: 2;
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
    background: rgba(0, 0, 0, .3) url(//mall.res.meizu.com/index/img/gotop-b3409.png) no-repeat 50%;
    background-size: contain
}

.go-top img {
    width: 100%;
    height: 100%
}

.btn {
    display: inline-block;
    width: 2.66667rem;
    line-height: 1rem;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: #00c3f5
}

.btn-def {
    color: #444;
    background-color: #eee
}

.btn-link {
    color: #00c3f5;
    background-color: transparent
}

.btn-hi {
    background-color: #f0415f
}

.btn:active {
    opacity: .9
}

.btn-b {
    display: inline-block;
    width: 1.66667rem;
    line-height: .55556rem;
    color: #888;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #a0a0a0;
    background-color: #fff
}

.btn-b-hi {
    color: #f0415f;
    border-color: #f0415f
}

.btn-disabled, .btn.disabled, .btn[disabled] {
    color: #fff !important;
    background-color: #ccc !important
}

.inp {
    padding: .16667rem;
    font-size: 12px;
    outline: none;
    border-radius: 0;
    border: 1px solid #ddd;
    background: none
}

.swipe {
    overflow: hidden;
    position: relative
}

.swipe .poin {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: .27778rem 0;
    font-size: 0;
    text-align: center
}

.swipe .poin span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 .11111rem;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #c8c9cb
}

.swipe .poin span.on {
    border: none;
    background-color: #00c3f5
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.swipe-wrap .item {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    text-align: center
}

.swipe-wrap .item a {
    display: block
}

.radio-group .radio {
    position: relative;
    padding: .33333rem .33333rem .27778rem;
    line-height: 1.6
}

.radio-group .radio:after {
    content: "";
    position: absolute;
    right: .34722rem;
    top: 50%;
    width: .55556rem;
    height: .55556rem;
    margin-top: -.27778rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-transition: all .1s linear;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.radio-group .radio.checked:after {
    border-color: #00c3f5;
    background: #00c3f5 url() no-repeat 50%;
    background-size: contain
}

.buying {
    position: relative;
    text-align: center;
    background-color: #fff
}

.buying:after {
    top: -1px
}

.buying .price {
    float: left;
    padding-left: .34722rem;
    text-align: left;
    font-size: 16px
}

.buying .price small {
    margin-right: -6px
}

.buying .price .money, .buying .price small {
    color: #f04360
}

.buying .btn {
    width: 3.05556rem;
    height: 1.38889rem;
    line-height: 1.38889rem;
    padding: 0 .13889rem
}

.buying .btn-buy {
    float: right
}

.faqhelp {
    background-color: #eee
}

.faqhelp .maincon {
    padding: .44444rem .5rem;
    line-height: 1.5;
    background-color: #fff
}

.faqhelp .maincon li {
    margin-bottom: .5rem
}

.faqhelp .maincon img {
    margin: .22222rem;
    max-width: 100%
}

.faqhelp .maincon h3, .faqhelp .maincon p {
    margin: .22222rem 0
}

.open-login .app, .payfor .app {
    box-sizing: border-box;
    padding-bottom: 1.04167rem
}

.open-login .footer, .payfor .footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}

.popmsg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    pointer-events: none
}

.popmsg, .popmsg .wrap {
    width: 100%;
    height: 100%
}

.popmsg .wrap {
    display: table
}

.popmsg .cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.popmsg .content {
    display: inline-block;
    padding: .33333rem .74074rem;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, .8)
}

.dialog-popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%
}

.dialog-popup .dialog-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color .16s ease-out;
    transition: background-color .16s ease-out
}

.dialog-popup .dialog-body {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform .1s ease-out;
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out, -webkit-transform .1s ease-out
}

.dialog-popup .dialog-content {
    padding: .55556rem .27778rem .27778rem;
    text-align: center;
    font-size: 14px
}

.dialog-popup .dialog-buttons {
    padding: .27778rem;
    text-align: center
}

.dialog-popup .dialog-buttons .btn:first-child {
    margin-right: .27778rem
}

.dialog-popup.open .dialog-overlay {
    background-color: rgba(0, 0, 0, .5)
}

.dialog-popup.open .dialog-body {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-center {
    -ms-align-items: center
}

.flex-center, .flex-vc {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-vc {
    -moz-align-items: center;
    -webkit-box-pack: center
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%
}

.loading .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.loading .panel {
    width: 110px;
    margin: auto;
    padding: 20px 0 15px;
    color: #fff;
    font-size: .33333rem;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .6)
}

.loading .txt {
    margin-top: 15px
}

.loading .tick-tock {
    position: relative;
    width: 20px;
    height: 20px;
    margin: auto
}

.loading .tick-tock span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15%;
    height: 40%;
    margin-left: -10%;
    margin-top: -20%;
    opacity: 0;
    border-radius: 20px;
    background-color: #fff;
    -webkit-animation: loading 1s linear infinite
}

.loading .tick-tock .t1 {
    -webkit-transform: rotate(0deg) translateY(-142%);
    -webkit-animation-delay: 0s
}

.loading .tick-tock .t2 {
    -webkit-transform: rotate(30deg) translateY(-142%);
    -webkit-animation-delay: -.9167s
}

.loading .tick-tock .t3 {
    -webkit-transform: rotate(60deg) translateY(-142%);
    -webkit-animation-delay: -.833s
}

.loading .tick-tock .t4 {
    -webkit-transform: rotate(90deg) translateY(-142%);
    -webkit-animation-delay: -.75s
}

.loading .tick-tock .t5 {
    -webkit-transform: rotate(120deg) translateY(-142%);
    -webkit-animation-delay: -.667s
}

.loading .tick-tock .t6 {
    -webkit-transform: rotate(150deg) translateY(-142%);
    -webkit-animation-delay: -.5833s
}

.loading .tick-tock .t7 {
    -webkit-transform: rotate(180deg) translateY(-142%);
    -webkit-animation-delay: -.5s
}

.loading .tick-tock .t8 {
    -webkit-transform: rotate(210deg) translateY(-142%);
    -webkit-animation-delay: -.41667s
}

.loading .tick-tock .t9 {
    -webkit-transform: rotate(240deg) translateY(-142%);
    -webkit-animation-delay: -.333s
}

.loading .tick-tock .t10 {
    -webkit-transform: rotate(270deg) translateY(-142%);
    -webkit-animation-delay: -.25s
}

.loading .tick-tock .t11 {
    -webkit-transform: rotate(300deg) translateY(-142%);
    -webkit-animation-delay: -.1667s
}

.loading .tick-tock .t12 {
    -webkit-transform: rotate(330deg) translateY(-142%);
    -webkit-animation-delay: -.0833s
}

@-webkit-keyframes loading {
    0% {
        opacity: 1
    }
    to {
        opacity: .25
    }
}

/*!
 * s-goods.scss
 * @date 2016.7.28
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
.goods, .swipe {
    background: #fff
}

.swipe {
    margin-top: -.61111rem;
    height: 7rem
}

.swipe .item {
    text-align: center;
    overflow: hidden
}

.swipe .item, .swipe .item img {
    height: 6.27778rem
}

.swipe .item .s-pre-sale {
    position: absolute;
    top: .18519rem;
    right: 1.48148rem;
    width: 1.11111rem;
    height: 1.11111rem;
    line-height: 1.11111rem;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    background: #00c3f5
}

.swipe .poin {
    position: relative
}

.swipe .poin span {
    width: .16667rem;
    height: .16667rem;
    background: #e5e5e5;
    border-radius: 6px
}

.swipe .poin span.active {
    background: #00c3f5
}

.sanp-up.count-down:before {
    background-image: url()
}

.prod {
    margin-top: 2px;
    box-shadow: 0 0 1px #eee;
    border-top: 1px solid #e5e5e5;
    background: #eee;
    overflow: hidden;
    font-size: 13px
}

.prod label {
    font-size: 13px;
    margin-right: .33333rem;
    color: #999;
    vertical-align: middle
}

.sanp-up {
    position: relative;
    padding-left: .91667rem;
    color: #fff;
    font-size: 13px;
    line-height: 1.33333rem;
    overflow: hidden;
    background-color: #00c3f5
}

.sanp-up:before {
    content: "";
    position: absolute;
    left: .33333rem;
    top: 50%;
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.sanp-up.count-down:before {
    background-image: url()
}

.prod-info {
    position: relative;
    padding: .34722rem 0 .20833rem .33333rem;
    background: #fff;
    overflow: hidden
}

.prod-info .prod-info-header {
    position: relative;
    padding-bottom: .08333rem
}

.prod-info .prod-info-header .vm-title {
    display: inline-block;
    color: #333;
    font-size: 16px;
    line-height: .58333rem;
    width: 7.22222rem;
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: break-all
}

.prod-info .prod-info-header .vm-favorite {
    position: absolute;
    top: 1px;
    right: .27778rem;
    width: 1.52778rem;
    height: .55556rem;
    line-height: .55556rem;
    padding-left: .11111rem;
    border-left: 1px solid #e5e5e5;
    text-align: right;
    font-size: 13px
}

.prod-info .prod-info-header .vm-favorite i {
    margin-left: .13889rem;
    margin-top: -3px
}

.prod-info .prod-info-header .vm-favorite.active i {
    background-image: url()
}

.prod-info .prod-info-price {
    position: relative;
    height: .69444rem;
    line-height: .69444rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.prod-info .prod-info-price > div {
    display: inline-block;
    vertical-align: middle
}

.prod-info .prod-info-price .mod-tag {
    padding: .05556rem .08333rem;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin-right: .16667rem;
    background: #e02b41
}

.prod-info .prod-info-price .mod-original, .prod-info .prod-info-price .mod-price {
    margin-right: .16667rem;
    color: #f0415f
}

.prod-info .prod-info-price .mod-original small, .prod-info .prod-info-price .mod-price small {
    font-family: arial;
    font-style: normal
}

.prod-info .prod-info-price .mod-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.prod-info .prod-info-price .mod-price small {
    font-size: 18px;
    margin-right: .08333rem
}

.prod-info .prod-info-price .mod-price .vm-money {
    color: #f0415f;
    font-size: 18px
}

.prod-info .prod-info-price .mod-original {
    text-decoration: line-through;
    color: #999;
    font-size: 12px
}

.prod-info .prod-info-price .mod-countdown {
    margin-left: .06944rem;
    font-size: 12px
}

.prod-info .prod-info-price .mod-tags .vm-tag {
    display: inline-block;
    margin-left: .27778rem;
    margin-top: .08333rem;
    padding: 1px 3px;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    background-color: #f0415f
}

.prod-info .prod-info-installment {
    height: .63889rem;
    line-height: .63889rem;
    font-size: 14px;
    color: #f0415f;
    display: none
}

.prod-info .prod-info-installment .vm-price {
    margin-right: .13889rem
}

.prod-info .prod-info-installment .vm-period {
    margin-left: .13889rem
}

.prod-info .prod-info-message p {
    font-size: 13px;
    line-height: .69444rem;
    color: #999
}

.prod-info .prod-info-message p.active {
    color: #f0415f
}

.prod-business, .prod-promo, .prod-selected, .prod-service, .prod-suda {
    position: relative
}

.prod-business i.icon-enter, .prod-promo i.icon-enter, .prod-selected i.icon-enter, .prod-service i.icon-enter, .prod-suda i.icon-enter {
    position: absolute;
    right: .22222rem;
    top: .38889rem
}

.prod-info-price, .prod-selected, .prod-selected > p, .prod-service ul, .prod-suda-selector {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex
}

.prod-promo {
    height: 1.25rem;
    line-height: 1.25rem;
    background: #fff;
    overflow: hidden
}

.prod-promo .prod-promo-inner {
    margin-left: .33333rem;
    padding-right: .41667rem;
    border-top: 1px solid #e5e5e5
}

.prod-promo .prod-promo-inner .vm-tag {
    display: inline-block;
    height: .41667rem;
    line-height: .41667rem;
    margin-right: .27778rem;
    padding-left: .11111rem;
    background: url();
    background-size: 100% 100%
}

.prod-promo .prod-promo-inner .vm-tag em {
    padding-right: .13889rem;
    line-height: .41667rem;
    font-size: 12px;
    color: #fff
}

.prod-promo .prod-promo-inner .vm-tag.multiple {
    background-image: url()
}

.prod-promo .prod-promo-inner .vm-tag.multiple em {
    color: #fff
}

.prod-service {
    height: 1.25rem;
    line-height: 1.25rem;
    background: #fff;
    overflow: hidden
}

.prod-service ul {
    margin-left: .33333rem;
    padding-right: .41667rem;
    border-top: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.prod-service ul li {
    display: inline-block;
    margin-right: .34722rem;
    font-size: 12px;
    color: #999
}

.prod-selected {
    height: 1.25rem;
    padding-left: .33333rem;
    padding-right: .625rem;
    margin-top: .20833rem;
    line-height: 1.25rem;
    background: #fff
}

.prod-selected label, .prod-selected p {
    vertical-align: middle
}

.prod-selected p {
    display: inline-block
}

.prod-selected p .vm-props {
    float: left;
    font-size: 13px;
    overflow: hidden;
    color: #999;
    max-width: 6.94444rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prod-selected p .vm-props.s-selected {
    color: #333
}

.prod-selected p .vm-quantity {
    position: absolute;
    right: .97222rem;
    color: #666
}

.prod-suda {
    margin-top: .20833rem;
    margin-bottom: .20833rem;
    padding-left: .33333rem;
    background: #fff
}

.prod-suda .prod-suda-selector {
    height: 1.18056rem;
    padding-right: .625rem;
    line-height: 1.18056rem;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.prod-suda .prod-suda-selector span {
    vertical-align: middle;
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prod-suda .prod-suda-info {
    padding-top: .38889rem;
    padding-left: 1.04167rem;
    line-height: .55556rem;
    color: #666
}

.prod-suda .prod-suda-info .vm-icon {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px;
    padding-right: 3px;
    font-size: 12px;
    line-height: .38889rem;
    color: #00c3f5;
    border-radius: 2px;
    border: 1px solid #00c3f5;
    margin-right: .13889rem;
    overflow: hidden
}

.prod-suda .prod-suda-info .vm-icon i {
    margin-right: 3px;
    margin-left: -1px
}

.prod-suda .prod-suda-info .vm-icon i:before {
    font-size: 16px
}

.prod-suda .prod-suda-supplier {
    background: #fff
}

.prod-suda .prod-suda-supplier .mod-bd {
    padding: .41667rem .48611rem .41667rem 1.04167rem;
    line-height: .41667rem;
    color: #999
}

.prod-suda .prod-suda-supplier .mod-bd em {
    color: #666
}

.prod-suda .prod-suda-supplier .vm-mark {
    position: absolute;
    top: 0;
    left: .33333rem;
    line-height: 1.25rem;
    color: #999
}

.prod-banner {
    margin: .23611rem 0
}

.content {
    position: relative;
    background: #fff;
    padding-top: 1.05556rem
}

.content-nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 1.05556rem;
    border-bottom: 1px solid #e5e5e5
}

.content-nav > a {
    line-height: 1.05556rem;
    font-size: 14px;
    text-align: center
}

.content-nav > a.active {
    color: #00c3f5
}

.content-nav .content-nav-title {
    position: absolute;
    top: -1.22222rem;
    left: 25%;
    width: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 1.22222rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.content-nav.fixed {
    position: fixed;
    left: 0;
    top: 1.16667rem;
    width: 100%;
    background: #fff
}

.content-nav.fixed .content-nav-title {
    opacity: 1
}

.content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.content-inner > div {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 1.22222rem
}

.content-inner > div .container {
    padding-top: .27778rem
}

.description .desc-pictures img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    vertical-align: top
}

.standard .container {
    padding: .13889rem .06944rem
}

.standard .standard-table-group {
    background: #f5f5f5;
    text-align: left
}

.standard table {
    width: 100%
}

.standard table tr {
    border-top: 1px solid #eee
}

.standard table tr:first-child {
    border-top: none
}

.standard table td, .standard table th {
    padding: .27778rem;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top
}

.standard table th {
    width: 36%;
    padding-right: 0;
    color: #999;
    text-align: left
}

.question-list {
    margin-top: .27778rem
}

.question-list .mod-item:first-child {
    border-top: none
}

.question-list .mod-item {
    padding: .34722rem .20833rem .34722rem 0;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px
}

.question-list .vm-question {
    position: relative;
    padding-left: .97222rem;
    font-size: 14px;
    line-height: 2;
    color: #00c3f5
}

.question-list .vm-question:after {
    content: "Q:";
    position: absolute;
    left: .20833rem;
    top: 0
}

.question-list .vm-answer {
    position: relative;
    margin-top: .27778rem;
    padding-left: .97222rem;
    line-height: 1.8
}

.question-list .vm-answer:after {
    content: "A:";
    position: absolute;
    left: .20833rem;
    top: 0
}

/*!
 * s-props.scss
 * @date 2016.7.28
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
.summary {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 104;
    width: 100%;
    -webkitbox-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 .5px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 .5px 0 rgba(0, 0, 0, .09);
    padding-left: .33333rem;
    height: 2.36111rem;
    box-sizing: border-box
}

.summary .summary-pic {
    position: absolute;
    bottom: .33333rem;
    background-color: #fff;
    z-index: 10;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 1em;
    height: 100px;
    width: 100px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.summary .summary-info {
    position: relative;
    padding-bottom: .13889rem;
    overflow: hidden;
    margin-left: 120px
}

.summary .summary-info .vm-price {
    margin-top: .41667rem
}

.summary .summary-info .vm-price .price {
    line-height: 1;
    font-size: 16px;
    color: #f0415f;
    vertical-align: middle
}

.summary .summary-info .vm-price .countdown {
    margin-left: .13889rem;
    line-height: 16px;
    font-size: 12px;
    display: none
}

.summary .summary-info .vm-price .countdown em {
    color: #f0415f
}

.summary .summary-info .vm-title {
    margin-top: .16667rem
}

.summary .summary-info .vm-discount {
    margin-top: .16667rem;
    margin-right: .83333rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.summary .summary-info .vm-discount .vm-icon {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px;
    padding-right: 3px;
    font-size: 12px;
    line-height: .38889rem;
    color: #00c3f5;
    border-radius: 2px;
    border: 1px solid #00c3f5;
    margin-right: .13889rem;
    overflow: hidden
}

.summary .summary-info .vm-discount .vm-icon i {
    margin-right: 3px;
    margin-left: -1px
}

.summary .summary-info .vm-discount .vm-icon i:before {
    font-size: 16px
}

.summary .summary-info .vm-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: .33333rem;
    z-index: 10
}

.property {
    position: absolute;
    top: 2.43056rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 103;
    overflow: hidden
}

.property .property-package, .property .property-sale {
    padding-top: .27778rem
}

.property .vm-metatit {
    margin-bottom: .16667rem;
    color: #999
}

.property .prop {
    display: inline-block;
    margin: 0 .41667rem .16667rem 0;
    padding: .22222rem .38889rem;
    color: #666;
    border-radius: 3px;
    border: 1px solid #cfcfcf
}

.property .prop:last-child {
    margin-right: 0
}

.property .prop.selected {
    border-color: #00c3f5;
    color: #00c3f5
}

.property .prop.disabled {
    opacity: .2
}

.property-inner {
    position: absolute;
    z-index: 105;
    width: 100%;
    padding: .13889rem .33333rem 30px;
    box-sizing: border-box
}

.property-quantity {
    margin-top: .27778rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden
}

.property-quantity .property-quantity-control {
    position: relative;
    height: .91667rem;
    width: 3.19444rem;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 1px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.property-quantity .property-quantity-control a {
    position: absolute;
    top: 0;
    width: .91667rem;
    height: .91667rem;
    line-height: .91667rem;
    font-size: 20px;
    text-align: center
}

.property-quantity .property-quantity-control a.disabled {
    color: #f3f3f3
}

.property-quantity .property-quantity-control .vm-quantity {
    position: absolute;
    top: 0;
    left: .94444rem;
    width: 1.36111rem;
    height: .91667rem;
    padding: 0;
    line-height: .91667rem;
    font-size: 14px;
    border: none;
    text-align: center;
    color: #333
}

.property-quantity .property-quantity-control .vm-minus {
    left: 0;
    border-right: 1px solid #e5e5e5
}

.property-quantity .property-quantity-control .vm-plus {
    right: 0;
    border-left: 1px solid #e5e5e5
}

.property-quantity .vm-count {
    display: inline-block;
    margin-left: .20833rem;
    vertical-align: middle
}

.property-huabei {
    margin-top: .22222rem
}

.property-huabei .property-huabei-bd {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.property-huabei .prop, .property-huabei .property-huabei-bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.property-huabei .prop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: .27778rem;
    padding: .13889rem 0;
    width: 2.87037rem;
    height: 1.2037rem;
    box-sizing: border-box;
    overflow: hidden
}

.property-huabei .prop span {
    display: block;
    text-align: center
}

.property-huabei .prop .vm-rate {
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: 36% 50%;
    transform-origin: 36% 50%;
    white-space: nowrap
}

/*!
 * s-package.scss
 * @date 2016.7.28
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
.layer-package {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #eee
}

.layer-package .layer-inner-hd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 103;
    width: 100%;
    height: 2.72222rem
}

.layer-package .mod-hd {
    height: 1.25rem;
    border-bottom: 1px solid #eee;
    background-color: #fff
}

.layer-package .mod-hd .title {
    font-size: 14px;
    line-height: 1.25rem;
    text-align: center
}

.layer-package .mod-hd .icon {
    display: block
}

.layer-package .mod-tab {
    position: relative;
    z-index: 3;
    padding: 0 .27778rem;
    line-height: 1.33333rem;
    border-bottom: 1px solid #eee;
    background-color: #fff
}

.layer-package .mod-tab a {
    display: block;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.layer-package .mod-tab a.selected {
    color: #00c3f5;
    margin-bottom: -1px;
    border-bottom: 1px solid #00c3f5
}

.layer-package .mod-tab a.disabled {
    color: #999
}

.layer-package .layer-inner-bd {
    position: absolute;
    z-index: 102;
    top: 2.58333rem;
    left: 0;
    right: 0;
    bottom: 1.25rem;
    background-color: #eee;
    width: 100%
}

.layer-package .layer-footer {
    position: absolute;
    z-index: 105;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.25rem
}

.package-item, .sku-item {
    padding: .38889rem .27778rem;
    border-bottom: 1px solid #eee;
    background: #fff
}

.package-item-pic {
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #eee
}

.package-item-pic img {
    width: 2.22222rem;
    height: 2.22222rem
}

.package-item-info {
    margin-left: 2.5rem
}

.package-item-info .mod-tit {
    height: .83333rem;
    line-height: .83333rem;
    margin-bottom: .55556rem
}

.package-item-info .mod-tit .vm-title {
    float: left;
    width: 70%;
    font-size: 13px;
    font-weight: 400
}

.package-item-info .mod-tit span {
    float: right;
    color: #f0415f;
    font-size: 14px
}

.package-item-info .mod-prop {
    position: relative
}

.package-item-info .mod-prop p {
    margin-bottom: -.27778rem
}

.package-item-info .mod-prop span {
    color: #999;
    line-height: .34722rem
}

.package-item-info .mod-prop em {
    position: absolute;
    top: 0;
    right: 0;
    line-height: .69444rem;
    font-size: 14px
}

.package-item-info .mod-prop .vm-text {
    display: inline-block;
    margin-top: .27778rem
}

.package-item-info .mod-prop .vm-img {
    display: inline-block;
    margin: 0 .41667rem .16667rem 0;
    padding: .22222rem .38889rem;
    color: #666;
    border-radius: 3px;
    border: 1px solid #cfcfcf
}

.package-item-info .mod-prop .vm-img.selected {
    border-color: #00c3f5
}

.package-item-info .mod-prop .vm-img.selected span {
    color: #00c3f5
}

/*!
 * s-layer.scss
 * @date 2016.7.28
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layer-promo .layer-inner, .layer-service .layer-inner {
    top: 27%
}

.layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    background-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.layer .layer-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.layer .layer-inner {
    background-color: #fff;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 1.25rem;
    width: 100%
}

.layer .layer-inner .layer-inner-hd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 103;
    width: 100%;
    height: 1.25rem;
    background: #fff
}

.layer .layer-inner .layer-inner-hd h3 {
    line-height: 1.25rem;
    text-align: center;
    font-size: 16px;
    color: #999
}

.layer .layer-inner .layer-inner-hd .vm-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: .33333rem;
    z-index: 10
}

.layer .layer-inner .layer-inner-bd {
    position: absolute;
    top: 1.25rem;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.layer .layer-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    background: #fff
}

.service-explain {
    position: absolute;
    z-index: 105;
    width: 100%
}

.service-explain h3 {
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 16px
}

.service-explain dl {
    overflow: hidden
}

.service-explain .service-explain-item {
    padding: .33333rem 0;
    margin: 0 .38889rem;
    margin-top: -1px;
    border-top: 1px solid #e5e5e5
}

.service-explain .service-explain-item h5 {
    position: relative;
    font-size: 13px;
    line-height: .55556rem;
    padding-left: 22px;
    color: #333
}

.service-explain .service-explain-item h5 .icon {
    position: absolute;
    left: 0
}

.service-explain .service-explain-item p {
    margin-top: .13889rem;
    margin-left: .625rem;
    line-height: 1.4;
    color: #999
}

.discount-coupon dl {
    padding-bottom: 2px
}

.discount-coupon-item {
    margin: 0 .34722rem .34722rem;
    overflow: hidden
}

.discount-coupon-item .mod-btn {
    float: right;
    background: url();
    background-size: 100% 100%
}

.discount-coupon-item .mod-btn .vm-btn {
    display: table-cell;
    width: 1.66667rem;
    height: 3.16667rem;
    padding: 0 .55556rem;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.discount-coupon-item .mod-bd {
    padding-left: .27778rem;
    color: #666;
    height: 3.11111rem;
    border-width: 1px 0 1px 1px;
    border-color: #e5e5e5;
    border-style: solid;
    overflow: hidden
}

.discount-coupon-item .mod-bd .mod-bd-value {
    position: relative;
    padding: .20833rem 0 0;
    margin-right: 10px;
    color: #f09646;
    overflow: hidden
}

.discount-coupon-item .mod-bd .mod-bd-value sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.25em;
    margin-right: 5px
}

.discount-coupon-item .mod-bd .mod-bd-value .vm-amount {
    line-height: .83333rem;
    font-size: 24px;
    float: left
}

.discount-coupon-item .mod-bd .mod-bd-value em {
    float: left;
    margin-top: .27778rem;
    text-indent: 5px
}

.discount-coupon-item .mod-bd .mod-bd-name {
    line-height: .55556rem;
    font-size: 14px;
    padding-bottom: .19444rem
}

.discount-coupon-item .mod-bd .mod-bd-name .vm-name {
    font-weight: 700
}

.discount-coupon-item .mod-bd .mod-bd-name .vm-claim {
    margin-left: 3px;
    color: #999
}

.discount-coupon-item .mod-bd .mod-bd-info {
    position: relative;
    width: 6.94444rem;
    padding-top: .11111rem;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
    color: #999;
    overflow: hidden
}

.discount-coupon-item .mod-bd .mod-bd-info .vm-range {
    display: block;
    height: .41667rem
}

.discount-coupon-item.multiple .mod-bd-value, .discount-coupon-item.multiple .mod-bd-view {
    color: #e02b41
}

.discount-coupon-item.multiple .mod-btn {
    background-image: url()
}

.dialog-cont-pic {
    padding-top: 10px;
    width: 100%
}

.dialog-cont-text {
    text-align: center;
    line-height: 1.5
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: auto;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.header:after {
    border-top: none
}

.header .iconfont:before {
    line-height: 1;
    font-size: 20px;
    color: #5b5b5b
}

.header-opacity {
    width: 100%;
    height: 1.22222rem;
    line-height: 1.22222rem;
    background: #fff;
    opacity: 0;
    text-align: center
}

.header-opacity span {
    font-size: 16px;
    display: inline-block
}

.header-back {
    position: absolute;
    left: .23148rem;
    bottom: .14815rem;
    z-index: 3;
    padding: .18519rem
}

.header-home {
    position: absolute;
    right: .41667rem;
    bottom: .25926rem;
    z-index: 5;
    padding: .09259rem;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 50%
}

/*!
 * bi-dialog.scss
 * @date 2016.7.28
 * @author chenjinghui@meizu.com
 * @version 0.0.1
 */
.bi-dialog {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 3px
}

.bi-dialog .bi-close {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    right: 0;
    top: 0;
    text-decoration: none;
    cursor: pointer
}

.bi-dialog .bi-close:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.bi-dialog-inner {
    padding: 15px 0 20px;
    font-size: 12px;
    color: #666
}

.bi-dialog-hd {
    text-align: center;
    color: #ff7800;
    font-size: 24px;
    font-weight: 700;
    font-family: Hiragino Sans GB, Microsoft Yahei
}

.bi-dialog-hd .vm-tips {
    font: 12px/1.8 \\5B8B\4F53;
    color: #666
}

.bi-dialog-bd {
    margin: 0 40px
}

.bi-dialog-ft {
    margin: 30px 40px;
    color: #666
}

.alert {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.alert .bi-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .5
}

.bi-alert {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 5px 0 #333;
    border-radius: .11111rem;
    color: #fff;
    padding: 0 .61111rem;
    background: rgba(0, 0, 0, .7);
    overflow: hidden
}

.bi-alert .bi-alert-bd {
    min-width: 3.77778rem
}

.bi-alert .mod-message {
    height: 2.63889rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    font-size: 14px
}

.bi-alert .mod-message i {
    font-size: 24px;
    padding-bottom: .08333rem
}

.bi-alert .mod-message span {
    padding-top: .08333rem
}

.bi-alert .mod-tips {
    padding: .55556rem;
    line-height: 1.2;
    font-size: 12px;
    color: #999;
    font-size: 14px
}

.bi-alert .mod-tips .vm-message {
    color: #333;
    line-height: 2
}

.bi-alert .mod-tips .vm-tips {
    display: block
}

.bi-alert .mod-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #00c3f5;
    border-top: 1px solid #e5e5e5;
    margin-left: -1px;
    overflow: hidden
}

.bi-alert .mod-link a {
    width: 50%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 14px;
    text-align: center;
    border-left: 1px solid #e5e5e5
}

.bi-alert .mod-link a.vm-cart {
    color: #00c3f5
}

.bi-alert.confirm {
    background: #fff;
    box-shadow: none;
    padding: 0
}

.bi-alert .icon-success:before {
    float: none;
    content: "\E624"
}

.bi-alert .icon-error:before {
    float: none;
    content: "\E620"
}

.detail-recommend {
    background: #eee;
    overflow: hidden;
    display: none
}

.detail-recommend .detail-recommend-inline {
    background: #fff;
    height: 5.24074rem;
    margin-bottom: .20833rem
}

.recommend {
    background: #fff;
    height: 5.24074rem
}

.recommend .title {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    padding-left: .44444rem;
    padding-top: .44444rem
}

.recommend .recommend-slider {
    white-space: nowrap;
    overflow: hidden;
    height: 4.31481rem;
    position: relative
}

.recommend .recommend-slider .slider-wrap {
    overflow-x: auto;
    overflow-y: hidden
}

.recommend .recommend-slider .rs-item {
    position: absolute;
    width: 2.77778rem;
    display: inline-block;
    position: relative;
    text-align: center;
    margin-left: .44444rem;
    margin-top: .22222rem
}

.recommend .recommend-slider .rs-item img {
    width: 2.61111rem;
    height: 2.61111rem
}

.recommend .recommend-slider .rs-item .mod-desc {
    text-align: center;
    max-width: 2.59259rem
}

.recommend .recommend-slider .rs-item .mod-desc .vm-name {
    font-size: 10px;
    color: #999;
    margin-top: .21296rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recommend .recommend-slider .rs-item .mod-desc .vm-price {
    font-size: 12px;
    color: #333;
    margin-top: .16667rem;
    margin-bottom: .32407rem
}

.recommend .recommend-slider .rs-item .mod-desc .vm-price .vm-price-qi {
    font-size: 11px !important;
    color: #333
}

body {
    font-family: arial;
    box-sizing: border-box;
    background: #fff
}

body.lock {
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.detail {
    height: auto
}

.overlay-popup {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.overlay-popup.open {
    display: block
}

.overlay-popup .inner {
    display: table;
    width: 100%;
    height: 100%
}

.overlay-popup .content-wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.overlay-popup .content {
    width: 80%;
    margin: auto
}

#main {
    padding-top: 1.22222rem;
    overflow: hidden
}

.icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    vertical-align: middle
}

.icon.icon-service {
    background-image: url();
    vertical-align: -3%;
    margin-right: .13889rem
}

.icon.icon-enter {
    background-image: url();
    width: 16px;
    height: 16px
}

.icon.icon-goback {
    background-image: url();
    width: 20px;
    height: 20px
}

.icon.icon-shandian {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00c3f5;
    background-image: url();
    width: .38889rem;
    height: .38889rem
}

.icon.icon-close {
    background-image: url()
}

.icon.icon-huabei {
    background-image: url();
    width: 18px;
    height: 18px
}

.icon.icon-shunfeng {
    background-image: url();
    width: 18px;
    height: 18px
}

.icon.icon-baicheng {
    background-image: url();
    width: 18px;
    height: 18px
}

.icon.icon-tuihuo {
    background-image: url();
    width: 18px;
    height: 18px
}

.icon.icon-fapiao {
    background-image: url();
    width: 18px;
    height: 18px
}

.icon.icon-back {
    background-image: url();
    width: 20px;
    height: 20px
}

.icon.icon-favorite {
    background-image: url();
    width: 16px;
    height: 16px
}

.icon.icon-favorite.active {
    background-image: url()
}

.fixed-btm {
    z-index: 99
}

.fixed-btm .vm-money {
    color: #f0415f
}

.footer-summary {
    background: #fff
}

.footer-summary, .footer-summary .mod-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer-summary .mod-action {
    width: 3.75rem;
    border-top: 1px solid #e5e5e5;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 1;
    -ms-flex: 0 1 1;
    flex: 0 1 1;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: -1px
}

.footer-summary .mod-action a {
    width: 50%;
    border-left: 1px solid #e5e5e5;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999
}

.footer-summary .mod-action a span {
    line-height: 1;
    padding-top: 2px
}

.footer-summary .mod-action a i {
    color: #999
}

.footer-summary .mod-action a i.icon-kefu {
    color: #00c3f5
}

.footer-summary .mod-action a.vm-cart i {
    font-size: 15px;
    padding-bottom: 1px
}

.footer-summary .mod-action .iconfont:before {
    float: none
}

.footer-summary .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.25rem
}

.footer-summary .btn.locked {
    background: #f0415f !important
}

.footer-summary .btn.locked.disabled {
    background: #ccc !important
}

.layer-package .mod-total {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.25rem;
    margin-left: .27778rem
}

.layer-package .mod-total .vm-money, .layer-package .mod-total small {
    font-size: 16px;
    color: #f0415f
}

.layer-package .btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 3.33333rem
}

.btn-danger {
    background: #f0415f
}

.dialog-popup .dialog-header {
    position: relative
}

.dialog-popup .dialog-header .close {
    position: absolute;
    right: .27778rem;
    top: 50%;
    width: .66667rem;
    height: .66667rem;
    margin-top: -.33333rem
}

.dialog-popup .dialog-header .close:before {
    content: "\E60A";
    font-family: iconfont;
    color: #aaa;
    display: block;
    width: .66667rem;
    height: .66667rem;
    line-height: .66667rem;
    text-align: center
}

.dialog-popup .dialog-header .close i {
    display: none
}

.dialog-popup .dialog-title {
    position: relative;
    line-height: 1.22222rem;
    color: #999;
    font-size: 15px;
    text-align: center;
    font-weight: 400
}

.dialog-popup .dialog-content {
    padding: 0
}

.dialog-popup .dialog-buttons {
    position: relative;
    z-index: 10;
    padding: 0
}

.dialog-popup .dialog-buttons .btn {
    width: 100%;
    height: 1.38889rem;
    line-height: 1.38889rem;
    font-size: 15px
}

.loca-dialog .dialog-content {
    text-align: left
}

.loca-dialog .loca-checked {
    position: relative;
    padding: 0 .33333rem;
    line-height: 1.22222rem
}

.loca-dialog .loca-checked span {
    display: inline-block;
    margin-right: .13889rem
}

.loca-dialog .loca-checked span:last-child {
    color: #00c3f5
}

.loca-dialog .loca-list {
    height: 7.22222rem;
    overflow-y: auto;
    color: #666
}

.loca-dialog .loca-list li {
    display: block;
    position: relative;
    padding: 0 .33333rem;
    line-height: 1.22222rem
}

.b-color9 {
    color: #999
}

.topbnr-dl-app {
    width: 100%;
    height: 1.2963rem;
    overflow: hidden;
    background-color: #404141;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.topbnr-dl-app img {
    width: 100%
}

.topbnr-dl-app .bnr-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.11111rem;
    height: 1.2963rem
}

.topbnr-dl-app .bnr-close:before {
    content: "\E60A";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .55556rem;
    height: .55556rem;
    margin: -.27778rem 0 0 -.27778rem;
    line-height: .55556rem;
    opacity: .8;
    color: #fff;
    font-size: 10px;
    font-family: iconfont;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #fff
}

.trans {
    -webkit-transition: all .3s;
    transition: all .3s
}

.hide {
    display: none
}